<template>
  <div class="Analyse">
    <div class="left">
      <Menu :theme="theme" style="width: 200px" active-name="1">
        <router-link to="/fenxiyewu" style="color: rgb(83, 83, 83)">
          <MenuItem name="1">
            <div class="menuImg">
              <img
                src="../../../image/business-noActive.svg"
                style="width: 18px; height: 18px"
              />
              <div>
                业务
              </div>
            </div>
          </MenuItem>
          </router-link>
        <router-link to="/yaopin" style="color: rgb(83, 83, 83)">
          <MenuItem name="2">
            <div class="menuImg">
              <img
                src="../../../image/drug-noActive.svg"
                style="width: 18px; height: 18px;color: rgb(83, 83, 83)"
              />
              <div>
                药品
              </div>
            </div>

          </MenuItem>
        </router-link>
        <router-link to="/jibing" style="color: rgb(83, 83, 83)">
          <MenuItem name="3">
            <div class="menuImg">
              <img
                src="../../../image/disease-noActive.svg"
                style="width: 18px; height: 18px"
              />
              <div>
                疾病
              </div>
            </div>
          </MenuItem>
          </router-link>
        <router-link to="/huanze" style="color: rgb(83, 83, 83)">
          <MenuItem name="4">
            <div class="menuImg">
              <img
                src="../../../image/patient-noActive.svg"
                style="width: 18px; height: 18px;color: rgb(83, 83, 83)"
              />
              <div>
                患者
              </div>
            </div>
          </MenuItem>
        </router-link>
        <router-link to="/yisheng" style="color: rgb(83, 83, 83)">
          <MenuItem name="5">
            <div class="menuImg">
              <img
                src="../../../image/doctor-noActive.svg"
                style="width: 18px; height: 18px;color: rgb(83, 83, 83)"
              />
              <div>
                医生
              </div>
            </div>
          </MenuItem>
        </router-link>
      </Menu>
    </div>

    <div class="right">
      <router-view/>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {};
  },
};
</script>

<style scoped>
.Analyse {
  display: flex;
  height: 100vh;
  color: #000;
}
.left {
  background-color: #fff;
  border-right: 1px solid #dddddd;
}
.right {
  width: 100%;
}
.menuImg{
  display: flex;

  align-items: center;
}
.menuImg div{
  padding-left: 5px ;
}
.ivu-menu-light.ivu-menu-vertical .ivu-menu-item-active:not(.ivu-menu-submenu){
  background-color: #f9f5f3;  
 }
</style>